<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <!-- necessary -->
    <meta name="keywords" content="1,2,3">
    <meta name="description" content="">
    <!-- description -->
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>免费报告-第二版</title>
    <!-- base -->

    <link href="../../css/comm/bootstrap.css" rel="stylesheet">
    <link href="../../css/comm/base.css" rel="stylesheet">
    <link href="../../css/bisserve/bisserve.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="clear free_re_box pos-r full-w pd-10 min-h-100s pos-r">
        <div class="clear full-wh radius-5 bg-white sha-freereportv2 overflow-h free_re_c">
            <div class="clear bg-53A6FF">
                <div class="clear col-xs-5 pl-0 pr-0">
                    <canvas id="myChart" width="100%" height="100%"></canvas>
                    <div class="clear full-w">
                        <p class="text-center col-white f-18 line-h-25">
                            心搏总数：
                        </p>
                        <p class="text-center col-white f-18 line-h-25 mb-10">
                            896
                        </p>
                    </div>
                </div>
                <div class="clear col-xs-7 pr-10 pl-0 pt-15-5-iphone5">
                    <div class="clear pull-right">
                        <div class=" h-60-50-iphone5 clear pb-10 pl-30-20-iphone5 pos-r f-16-15-iphone5">
                            <div class="clear pos-a t-0 l-0 img-30-20-iphone5 bg-B4EBFF radius-5">
                            </div>
                            <p class=" mt-5 pl-10 clear text-overflow-1">
                                <span class="col-white">正常心搏总数：</span>
                            </p>
                            <p class="line-h-25 mb-5 pl-10 clear text-overflow-1">
                                 <span class="col-white">60%（123550次）</span>
                            </p>
                        </div>
                        <div class=" h-60-50-iphone5 clear pb-10 pl-30-20-iphone5 pos-r f-16-15-iphone5">
                            <div class="clear pos-a t-0 l-0 img-30-20-iphone5 bg-9CCDFE radius-5">
                            </div>
                            <p class=" mt-5 pl-10 clear text-overflow-1">
                                <span class="col-white">过慢心搏总数：</span>
                            </p>
                            <p class="line-h-25 mb-5 pl-10 clear text-overflow-1">
                                 <span class="col-white">21%（564874次）</span>
                            </p>
                        </div>
                        <div class=" h-60-50-iphone5 clear pb-10 pl-30-20-iphone5 pos-r f-16-15-iphone5">
                            <div class="clear pos-a t-0 l-0 img-30-20-iphone5 bg-258DFB radius-5">
                            </div>
                            <p class=" mt-5 pl-10 clear text-overflow-1">
                                <span class="col-white">过快心搏总数：</span>
                            </p>
                            <p class="line-h-25 mb-5 pl-10 clear text-overflow-1">
                                 <span class="col-white">19%（556878次）</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear pl-20 pr-20">
                <div class="clear full-w">
                    <div class="clear full-w pl-10 pr-10 pt-10 pb-10 bor bor-col-f7f4f8 bor-b">
                        <div class="clear col-xs-2 pl-0 pr-0">
                            <img class="img-20 mt-10" src="../../img/report/freereportv2-tipsv1.png" alt="">
                        </div>
                        <div class="clear col-xs-8 pl-0 pr-0">
                            <p class="col-679dd8 f-16 line-h-40">
                                最高心率
                            </p>
                        </div>
                        <div class="clear col-xs-2 pl-0 pr-0">
                            <p class="col-b4cbe5 f-20 line-h-40 text-right">
                                118
                            </p>
                        </div>
                    </div>
                    <div class="clear full-w pl-10 pr-10 pt-10 pb-10 bor bor-col-f7f4f8 bor-b">
                        <div class="clear col-xs-2 pl-0 pr-0">
                            <img class="img-20 mt-10" src="../../img/report/freereportv2-tipsv2.png" alt="">
                        </div>
                        <div class="clear col-xs-8 pl-0 pr-0">
                            <p class="col-679dd8 f-16 line-h-40">
                                平均心率
                            </p>
                        </div>
                        <div class="clear col-xs-2 pl-0 pr-0">
                            <p class="col-b4cbe5 f-20 line-h-40 text-right">
                                75
                            </p>
                        </div>
                    </div>
                    <div class="clear full-w pl-10 pr-10 pt-10 pb-10 bor bor-col-f7f4f8 bor-b">
                        <div class="clear col-xs-2 pl-0 pr-0">
                            <img class="img-20 mt-10" src="../../img/report/freereportv2-tipsv3.png" alt="">
                        </div>
                        <div class="clear col-xs-8 pl-0 pr-0">
                            <p class="col-679dd8 f-16 line-h-40">
                                最低心率
                            </p>
                        </div>
                        <div class="clear col-xs-2 pl-0 pr-0">
                            <p class="col-b4cbe5 f-20 line-h-40 text-right">
                                180
                            </p>
                        </div>
                    </div>
                </div>
                <div class="clear full-w pt-5 pb-5">
                    <p class="f-20 text-center pt-5 pb-5 col-53a6ff">
                        总结建议
                    </p>
                    <div class="clear full-w bg-white radius-5">
                        <p id="layer-testv1" class="f-16 col-53a6ff line-h-25 text-line-3 pt-5 pb-5 pl-10 pr-10">
                            您的心率整体过快，请注意饮食作息， 如您感到身体不适请前往医院检查治疗，感谢您的使用。
                        </p>
                    </div>
                    <!-- 弹出层的内容 -->
                    <div class="clear dis-n layerfortestv1">
                        <p id="layer-testv1" class="f-16 col-333 line-h-25 pt-5 pd-15">
                            您的心率整体过快，请注意饮食作息， 如您感到身体不适请前往医院检查治疗，感谢您的使用。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../js/comm/jquery.min.js"></script>
    <script src="../../js/comm/bootstrap.js"></script>
    <script src="../../ctrl/layer/layer.js"></script>
    <script src="../../js/comm/Chart.bundle.min.js"></script>
    <script src="../../js/report/freeofreportv2.js"></script>
    <script>
        var contentval = $(".layerfortestv1").html();
        $('#layer-testv1').on('click', function(){
          layer.open({
              type: 1,
              title :['总结建议','font-size:18px;'],
              skin: 'layui-layer-rim', //加上边框
              area: ['90%'], //宽高
              content: contentval,
            });
        });
    </script>
</body>

</html>